import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(home: Main()));
}

class Main extends StatefulWidget {
  const Main({super.key});

  @override
  _MainState createState() => _MainState();
}

class _MainState extends State<Main> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'Column 组件',
          textAlign: TextAlign.center,
          style: TextStyle(color: Colors.red),
        ),
        centerTitle: true,
        backgroundColor: Colors.lightGreenAccent,
      ),
      body: Center(
        child: SizedBox(
          width: 200,
          height: 300,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween, // 主轴
            crossAxisAlignment: CrossAxisAlignment.start, // 交叉轴
            children: [
              Image.network(
                'https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png',
                width: 200,
              ),
              const Text('美妆效果嘎嘎不卡粉末面刷'),
              const Text('¥99.90'),
            ],
          ),
        ),
      ),
    );
  }
}
